.p10{
	padding: 10rpx;
}
.pb50{
	padding-bottom: 50rpx;
}

// 弹性 横向布局
.flex-row {
	display: flex;
	flex-direction: row;
}
// 弹性 横向布局 超出换行
.flex-row-wrap {
	flex-wrap: wrap;
}
// 弹性 横向布局 首个元素放置于起点，末尾元素放置于终点 均匀排列每个元素
.flex-row-space-between {
	justify-content: space-between;
}
// 超出隐藏
.text-hiden{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
}
// 基本按钮
.basicbutton {
	color: #fff !important;
	background-color: #01c2b7 !important;
	border-color: #01c2b7 !important;
}
.basicbutton-hover{
	background-color: #01c2b7 !important;
	border-color: #01c2b7 !important;
}
// 基本按钮1
.basicbutton1 {
	color: #fff !important;
	background-color: #FF5722 !important;
	border-color: #FF5722 !important;
}
.basicbutton1-hover{
	background-color: #FF5722 !important;
	border-color: #FF5722 !important;
}

.basicbutton-plain {
	color: #01c2b7 !important;
	border-color: #01c2b7 !important;
}
.basicbutton-plain-hover{
	color: #01c2b7 !important;
	border-color: #01c2b7 !important;
}

// 添加按钮
.newbutton {
	color: #fff !important;
	background-color: #429c72  !important;
	border-color: #429c72  !important;
}
.newbutton-hover{
	background-color: #3a8a65  !important;
	border-color: #3a8a65  !important;
}
.newbutton-plain {
	color: #429c72  !important;
	border-color: #429c72  !important;
}
.newbutton-plain-hover{
	color: #285e45  !important;
	border-color: #3a8a65  !important;
}
// 确认按钮
.confirmbutton {
	color: #fff !important;
	background-color: #01AAED !important;
	border-color: #01AAED   !important;
}
.confirmbutton-hover{
	background-color: #019ad6  !important;
	border-color: #019ad6  !important;
}
.confirmbutton-plain {
	color: #01AAED !important;
	border-color: #01AAED   !important;
}
.confirmbutton-plain-hover{
	color: #0191c9  !important;
	border-color: #019ad6  !important;
}
// 取消按钮
.cancelbutton {
	background-color: #fafafa !important;
	border-color: #fafafa !important;
}
.cancelbutton-hover{
	background-color: #ebebeb  !important;
	border-color: #ebebeb  !important;
}
.cancelbutton-plain {
	color: #666  !important;
	border-color: #ebebeb !important;
}
.cancelbutton-plain-hover{
	color: #ebebeb  !important;
	border-color: #ebebeb  !important;
}
.sticky-b0 {
	position: sticky;
	bottom: 0rpx;
	background: #f5f5f5;
}
// 布局1
.layout-dom{
	padding: 0 0 20px 0;
	font-size: 24rpx;
	line-height: 1.6;
	color: #999999;
	font-family: "微软雅黑";
	.slot-title{
		overflow: hidden;
		text-overflow: ellipsis; 
		white-space:nowrap; 
		.title {
			font-size: 30rpx;
			line-height: 2;
			color: #131313;
			font-weight: 600;
			overflow: hidden;
			text-overflow: ellipsis; 
			white-space:nowrap; 
		}
	}
}
// 底部操作
.bottom-operate-dom{
	border-radius: 10px 10px 0 0;
	background: #fff;
	.title {
		min-height: 30px;
		padding: 10px 40px 5px;
		border-bottom: 1px solid #ddd;
		text-align: center;
		font-size: 30rpx;
		line-height: 2;
		color: #131313;
		font-weight: 600;
	}
	.close-icon{
		position: absolute;
		padding: 10px;
		top: 0px;
		right: 10px;
	}
	.item-dom {
		flex: 1;
		padding: 20px  0;
		text-align: center;
		font-size: 26rpx;
		.item-icon{
			line-height: 2;
			font-size: 46rpx;
		}
		.delete{
			color: #FF5722;
		}
		.edit{
			color:  #019ad6
		}
		.details{
			color: #01c2b7;
		}
	}
}
// 详情页面
.details-dom{
	background: #fff;
	.item-dom{
		padding: 12px 15px;
		border-bottom: 1rpx solid #e5e5e5;
	}
	.title{
		width: 90px;
		font-size: 30rpx;
		color: #3b4144;
	}
	.content{
		max-width: calc(100% - 90px); 
		color: #999;
		font-size: 28rpx;
	}
}